<extend name="_Layout/maintwo"/>
<block name="style">
    <style>
        .lbw_btn_margin{
            margin-top: 3% !important;
        }
        .lbw_btn_a_margin{
            height: 85px !important;
        }
        .lbw_btn_color_one{
            color: #FFF;
            font-weight: bold;
            background-color: #44CDAF;
        }
        .lbw_btn_color_two{
            color: #FFF;
            font-weight: bold;
            background-color: #2646A1;
        }
        .lbw_btn_p_{
            font-size: 8px;
            color: #FFF;
            margin-left: 12px;
        }
        .lbw_header_bz{
            color: #FFF !important;
            font-weight: bold !important;
            background-color: #44CDAF !important;
        }
        .lbw_header_bztwo{
            color: #FFF !important;
            font-weight: bold !important;
            background-color: #00A0E8 !important;
        }
        .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default{
            color: #FFF;
            background-color: #F19307;
            border-color: #F19307;
        }
        .lbw_plist_mx{
            margin-top: 20px;
        }
        .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
            color: #000;
            font-weight: bold;
            cursor: default;
            background-color: #25BBFF;
            border: 1px solid #ddd;
            border-bottom-color: transparent;
        }
        .nav-tabs > li > a {
            color: #000;
            font-weight: bold;
            margin-right: 2px;
            line-height: 1.42857143;
            border: 1px solid transparent;
            border-radius: 4px 4px 0 0;
            background-color: #00A0E8;;
        }
        .lbw_plist_li{
            background-color: #FFF;
            border-left: none !important;
            border-right: none !important;
            color: #656565;
            border-radius: 0px !important;
            font-weight: bold;
        }
        .lbw_pdlist_sjx {
            width: 50px;
            position: relative;
            top: -6px;
            right: -10px;
        }
        .lbw_table_tr{
            background-color: #00A0E8;
            color: #000;
            font-weight: bold;
        }
    </style>
    <link href="__HOME_CSS__/fileinput.css" rel='stylesheet' type='text/css' />
</block>
<block name="main">
    <!--明細列表框-->
    <ul id="myTab" class="nav nav-tabs">
        <li class="active">
            <a  href="#home" data-toggle="tab">
                激活碼轉賬明細
            </a>
        </li>
        <li><a  href="#ios" data-toggle="tab">剩余激活碼明細</a></li>

    </ul>
    <div id="myTabContent" class="tab-content">
        <div class="tab-pane fade in active" id="ios">

            <table class="table table-bordered" style="border: 1px solid #DDD;">
                <thead>
                <tr class="lbw_table_tr">
                    <th>編號</th>
                    <th>激活碼</th>
                    <th>創建日期</th>
                    <th>拥有用户</th>
                    <th>激活狀態</th>
                </tr>
                </thead>
                <tbody>
                <volist name="data_xy" id="xy">
                <tr>
                    <th scope="row">{$i}</th>
                    <th>{$xy.jihuoma}</th>
                    <th>{$xy.creattime}</th>
                    <th>{$xy.yy_username}</th>
                    <th><if condition="$xy.jihuo_zhuangtai eq 0">未使用<else />已使用</if></th>
                </tr>
                </volist>
                </tbody>
            </table>
            <ul class="pagination">{$page}</ul>
        </div>
        <!--the end-->


        <div class="tab-pane fade " id="home">
            <table class="table table-bordered" style="border: 1px solid #DDD;">
                <thead>

                <tr class="lbw_table_tr">
                    <th>編號</th>
                    <th>激活碼</th>
                    <th>創建日期</th>
                    <th>接收會員</th>
                    <th>激活狀態</th>
                </tr>
                </thead>
                <tbody>
                <volist name="data_zc" id="zc">
                <tr>
                    <th scope="row">{$i}</th>
                    <th>{$zc.jihuoma}</th>
                    <th>{$zc.creattime}</th>
                    <th>{$zc.yy_username}</th>
                    <th><if condition="$xy.jihuo_zhuangtai eq 0">未使用<else />已使用</if></th>
                </tr>
                </volist>
                </tbody>
            </table>
            <ul class="pagination">{$page_two}</ul>
        </div>
    </div>
    <script type="text/javascript" src="__HOME_JS__/raphaeljs.js"></script>
    <script type="text/javascript" src="__HOME_JS__/justgaga.js"></script>
</block>